<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/lib/my_proiects.css">
</head>
<body>
	<div class="top">
		<div class="container top-cont clearfix">
			<p class="fl">欢迎登陆北京市教师培训平台</p>
			<a class="fr" href="#">
				<i class="iconfont">&#xe601;</i>
				移动端客户端下载
			</a>
		</div>
	</div>
	<div class="header">
		<div class="container header-bar clearfix">
			<div class="navbar-header">
				<a href="#">
					<img src="images/icon/logo.png" alt="">
				</a>
			</div>
			<ul class="nav navbar-right">
				<li>
					<a href="#">
						<i class="iconfont">&#xe604;</i>
						短消息
					</a>
				</li>
				<li>
					<a href="#">
						<i class="iconfont">&#xe602;</i>
						个人中心
					</a>
				</li>
				<li>
					<a href="#">
						<i class="iconfont">&#xe603;</i>
						退出
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 内容区域 -->
	<div class="container clearfix">
		<!-- 左侧导航 -->
		<div class="navbar-left fl">
			<div class="head-name">
				<i class="angle"></i>
				<a class="head-mod iconfont" href="#">&#xe606;</a>
				<a class="head-name-a" href="#">
					<span class="head-name-img">
						<img src="http://p.nanrenwo.net/uploads/allimg/160113/8431-160113150025.jpg" alt="">
					</span>
					<span class="head-name-n">苍老师</span>
				</a>
			</div>
			<div class="navbar-cont">
				<div class="navbar-cont-attention clearfix">
					<a href="#">
						<em>156</em>
						<span>关注</span>
					</a>
					<a class="navbar-cont-attention-right" href="#">
						<em>186</em>
						<span>朋友</span>
					</a>
				</div>
				<div class="navbar-tit">
					<i class="iconfont">&#xe60c;</i>
					空间首页
				</div>
				<ul class="nav-navlist" id="J_navlist">
					<li class="selected">
						<div class="op-tit">
							<a href="javascript:;">
								<i class="iconfont">&#xe607;</i>
								个人档
							</a>
						</div>
						<dl class="list-item">
							<dd>
								<a href="#">
									<i class="iconfont">&#xe608;</i>
									我的作业
								</a>
							</dd>
							<dd>
								<a href="#">
									<i class="iconfont">&#xe60b;</i>
									我的资源
								</a>
							</dd>
							<dd>
								<a href="#">
									<i class="iconfont">&#xe60d;</i>
									我的成果
								</a>
							</dd>
							<dd>
								<a href="#">
									<i class="iconfont">&#xe60e;</i>
									我的话题
								</a>
							</dd>
							<dd>
								<a href="#">
									<i class="iconfont">&#xe60f;</i>
									我的消息
								</a>
							</dd>
						</dl>
					</li>
					<li>
						<div class="op-tit2">
							<a href="javascript:;">
								<i class="iconfont">&#xe60a;</i>
								我的项目
							</a>
						</div>
					</li>
					<li>
						<div class="op-tit2">
							<a href="javascript:;">
								<i class="iconfont">&#xe609;</i>
								互动社区
							</a>
						</div>
					</li>
					<li>
						<div class="op-tit2">
							<a href="javascript:;">
								<i class="iconfont">&#xe60b;</i>
								操作指南
							</a>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- 左侧导航 end-->
		<!-- 中间内容 -->
		<div class="content">
			<h3 class="topic">
				我的项目
			</h3>
			<div class="proiect">
				<i class="jinx"></i>
				<div class="being-pubr clearfix">
					<div class="being-pub">
						<h2><span>项目名称：</span>西城区中小学教师信息技术应用能力提升工程</h2>
						<div class="being-class">
							<span>
								班级名称：<em class="c2b7">能力提升（1）班</em>
							</span>
						</div>
						<div class="being-class">
							<span>
								起止时间：<em>2016.02.28-2016.06.30</em>
							</span>
						</div>
						<div class="plan">
							<span>学习进度：</span>
							<span class="plan-jin">
								<i style="width:60%;"></i>
							</span>
							<em>60%</em>
							<span class="c2b7">详情</span>
						</div>
						<div class="stbmit">
							<a href="#">进入学习</a>
							<a href="#">学习档案</a>
						</div>
					</div>
				</div>
			</div>
			<div class="proiect">
				<i class="jinx jinx-2"></i>
				<div class="being-pubr clearfix">
					<div class="being-pub">
						<h2><span>项目名称：</span>西城区中小学教师信息技术应用能力提升工程</h2>
						<div class="being-class">
							<span>
								班级名称：<em class="c2b7">能力提升（1）班</em>
							</span>
						</div>
						<div class="being-class">
							<span>
								起止时间：<em>2016.02.28-2016.06.30</em>
							</span>
						</div>
						<div class="plan">
							<span>学习进度：</span>
							<span class="plan-jin">
								<i style="width:60%;"></i>
							</span>
							<em>60%</em>
							<span class="c2b7">详情</span>
						</div>
						<div class="stbmit">
							<a href="#">学习档案</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- footer -->
	<div class="footer">
		<div class="footer-cont container">
			<ul>
				<li>
					<a href="#">关于我们</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">联系我们</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">网站地图</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">网站声明</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">友情链接</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">帮助中心</a>
				</li>
			</ul>
			<p>版权所有 2015 ©北京思纽教育科技有限公司  京ICP备1006888号</p>
		</div>
	</div>
</body>
</html>